<link rel="stylesheet" href="/home/slides/css/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/home/slides/css/nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/home/slides/css/style.css" type="text/css" media="screen" />
<div class="slider-wrapper theme-default">
   <div id="slider" class="nivoSlider">
   <?php
   $slides = slides();
   foreach($slides as $row){
      ?>
      <a href="<?=$row['sli_link'] == '' ? '#' : $row['sli_link']?>"><img src="<?=slides_img.$row['sli_picture']?>" data-thumb="images/up.jpg" alt="<?=$row['sli_title']?>" title="" /></a>
      <?php
   }
   ?>
   </div>
</div>
<script type="text/javascript" src="/home/slides/js/jquery.nivo.slider.js"></script>
<script type="text/javascript">
$(window).load(function() {
  $('#slider').nivoSlider({
      animSpeed: 500,                 // Slide transition speed
      pauseTime: 3000, 
      pauseOnHover: true
  });
});
</script>